<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>peacefish.dpdns.org网站总览</title>
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
	<style>
		:root {
			--primary-color: #60A5FA;
			--bg-color: #111827;
			--card-bg: rgba(255, 255, 255, 0.05);
			--text-color: #F3F4F6;
			--domain-color: #3B82F6;
			--border-radius: 12px;
		}

		body {
			margin: 0;
			padding: 0 20px;
			font-family: 'Segoe UI', sans-serif;
			background: var(--bg-color);
			color: var(--text-color);
			line-height: 1.6;
			min-height: 100vh;
			display: flex;
			flex-direction: column;
		}

		header {
			padding: 40px 0 20px;
			text-align: center;
			border-bottom: 1px solid rgba(255,255,255,0.1);
		}

		header h1 {
			margin: 0;
			color: var(--primary-color);
			font-size: 2.5rem;
			text-shadow: 0 2px 4px rgba(0,0,0,0.3);
		}

		.service-list {
			flex: 1;
			padding: 40px 20px;
			background: var(--card-bg);
			border-radius: var(--border-radius);
			box-shadow: 0 0 20px rgba(0,0,0,0.4);
			margin: 40px auto;
			max-width: 1000px;
			width: 75%;
			transition: all 0.3s ease;
		}

		.service-item {
			display: flex;
			align-items: center;
			padding: 20px 0;
			border-bottom: 1px solid rgba(255,255,255,0.05);
		}

		.service-item:last-child {
			border-bottom: none;
		}

		.service-icon {
			font-size: 1.8rem;
			color: var(--primary-color);
			margin-right: 20px;
			flex: 0 0 50px;
			transition: transform 0.3s ease;
		}

		.service-icon:hover {
			transform: scale(1.3) rotate(10deg);
		}

		.service-content {
			flex: 1;
		}

		.service-title {
			font-weight: 600;
			margin-bottom: 6px;
			color: var(--primary-color);
			display: flex;
			align-items: center;
		}

		.service-title i {
			margin-right: 8px;
		}

		.service-desc {
			font-size: 0.95rem;
			color: #A1A1AA;
			margin-bottom: 10px;
			opacity: 0.85;
		}

		.service-domain {
			font-family: monospace;
			color: var(--domain-color);
			font-size: 0.95rem;
			word-break: break-all;
			text-decoration: none;
			cursor: pointer;
			transition: color 0.3s ease;
		}

		.service-domain:hover {
			color: #93C5FD;
			text-decoration: underline;
		}

		footer {
			text-align: center;
			padding: 30px 0;
			font-size: 0.9rem;
			color: #9CA3AF;
			border-top: 1px solid rgba(255,255,255,0.05);
			margin-top: auto;
		}

		@media (max-width: 600px) {
			.service-icon {
				font-size: 1.4rem;
				margin-right: 12px;
			}
			
			.service-domain {
				font-size: 0.85rem;
			}
		}
	</style>
</head>
<body>

<header>
	<h1>🌐 peacefish.dpdns.org网站总览</h1>
</header>

<div class="service-list">
	<!-- 总览页面 -->
	<div class="service-item">
		<div class="service-icon"><i class="fas fa-globe"></i></div>
		<div class="service-content">
			<div class="service-title">View</div>
			<div class="service-desc">peacefish总览页面</div>
			<a href="https://view.peacefish.dpdns.org" target="_blank" rel="noopener" class="service-domain">https://view.peacefish.dpdns.org</a>
		</div>
	</div>

	<!-- 开发工具 -->
	<div class="service-item">
		<div class="service-icon"><i class="fas fa-tools"></i></div>
		<div class="service-content">
			<div class="service-title"><i class="fas fa-code"></i> IT-Tools</div>
			<div class="service-desc">开发者工具集合</div>
			<a href="https://it-tools.peacefish.dpdns.org" target="_blank" rel="noopener" class="service-domain">https://it-tools.peacefish.dpdns.org</a>
		</div>
	</div>
	  
	<!-- linux命令搜索工具 -->
	<div class="service-item">
		<div class="service-icon"><i class="fa-brands fa-linux"></i></div>
		<div class="service-content">
			<div class="service-title">Linux-Command</div>
			<div class="service-desc">Linux命令搜索引擎</div>
			<a href="https://linux-command.peacefish.dpdns.org" target="_blank" rel="noopener" class="service-domain">https://linux-command.peacefish.dpdns.org</a>
		</div>
	</div>

	<!-- 开发者技术栈速查清单 -->
	<div class="service-item">
		<div class="service-icon"><i class="fa-solid fa-book"></i></div>
		<div class="service-content">
			<div class="service-title">Quick Reference</div>
			<div class="service-desc">开发者技术栈速查清单</div>
			<a href="https://reference.peacefish.dpdns.org" target="_blank" rel="noopener" class="service-domain">https://reference.peacefish.dpdns.org</a>
		</div>
	</div>

	<!-- 容器服务 -->
	<div class="service-item">
		<div class="service-icon"><i class="fab fa-docker"></i></div>
		<div class="service-content">
			<div class="service-title">Docker Proxy</div>
			<div class="service-desc">容器镜像加速服务</div>
			<a href="https://dockerproxy.peacefish.dpdns.org" target="_blank" rel="noopener" class="service-domain">https://dockerproxy.peacefish.dpdns.org</a>
		</div>
	</div>

	<!-- 视频平台 -->
	<div class="service-item">
		<div class="service-icon"><i class="fas fa-film"></i></div>
		<div class="service-content">
			<div class="service-title"><i class="fas fa-play-circle"></i> LibreTV</div>
			<div class="service-desc">在线视频搜索与观看平台（支持多源播放）</div>
			<a href="https://libretv.peacefish.dpdns.org" target="_blank" rel="noopener" class="service-domain">https://libretv.peacefish.dpdns.org</a>
		</div>
	</div>

	<!-- 绘图工具 -->
	<div class="service-item">
		<div class="service-icon"><i class="fas fa-paint-brush"></i></div>
		<div class="service-content">
			<div class="service-title"><i class="fas fa-pencil-ruler"></i> Excalidraw</div>
			<div class="service-desc">协作式白板工具（手绘风格）</div>
			<a href="https://draw.peacefish.dpdns.org" target="_blank" rel="noopener" class="service-domain">https://draw.peacefish.dpdns.org</a>
		</div>
	</div>

	<!-- 任意代理服务 -->
	<div class="service-item">
		<div class="service-icon"><i class="fas fa-shield-alt"></i></div>
		<div class="service-content">
			<div class="service-title">AnyProxy</div>
			<div class="service-desc">灵活的代理解决方案</div>
			<a href="https://anyproxy.peacefish.dpdns.org" target="_blank" rel="noopener" class="service-domain">https://anyproxy.peacefish.dpdns.org</a>
		</div>
	</div>

	<!-- Clash 代理 -->
	<div class="service-item">
		<div class="service-icon"><i class="fas fa-cat"></i></div>
		<div class="service-content">
			<div class="service-title">Clash</div>
			<div class="service-desc">功能强大的规则代理</div>
			<a href="https://clash.peacefish.dpdns.org" target="_blank" rel="noopener" class="service-domain">https://clash.peacefish.dpdns.org</a>
		</div>
	</div>

	<!-- 翻译服务 -->
	<div class="service-item">
		<div class="service-icon"><i class="fas fa-language"></i></div>
		<div class="service-content">
			<div class="service-title">Google Translate</div>
			<div class="service-desc">多语言即时翻译</div>
			<a href="https://google-translate.peacefish.dpdns.org" target="_blank" rel="noopener" class="service-domain">https://google-translate.peacefish.dpdns.org</a>
		</div>
	</div>
</div>

<footer>
	<p>Copyright © 2025 peacefish.dpdns.org</p>
</footer>

</body>
</html>